<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <div>
      <ul>
        <li v-for="(item, index) in num" :key="index">{{ item }}</li>
      </ul>
    </div>
    <button @click="add">add</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 10,
    };
  },
  created() {
    console.log("321");
  },
  methods: {
    add() {
      this.num++;
    },
  },
};
</script>
